<div class="row sanpham">
<!--begin them sua san pham-->
<div class="row my-form" style="display: none;">
    <div class="col-md-12">
        <section class="panel" id="themsanpham">
            <form id="form_sanpham" >
                <div class="row">
                    <div class="col-lg-3">
                        <div class="form-group">
                            <div class="input-group">
                                <div class="input-group-addon ">Mã sản phẩm</div>
                                <input class="form-control" placeholder="Mã sản phẩm" name="masp" required="" type="text">                                                        
                            </div>   
                        </div>
                    </div>
                    <div class="col-lg-3">
                        <div class="form-group">
                            <div class="input-group">
                                <div class="input-group-addon ">Giá bán</div>
                                <input class="form-control" placeholder="Giá" name="giaban" required="" type="text">                                                        
                            </div>  
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="form-group">
                            <div class="input-group">                                                     
                                <div class="input-group-addon ">Tên sản phẩm</div>
                                <input class="form-control " placeholder="Tên sản phẩm" name="tensp" required="" type="text">
                            </div>  
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-6">
                        <div class="form-group">
                            <div class="input-group">
                                <div class="input-group-addon ">Hãng sản xuất</div>

                                <select class="form-control" name="mahangsx" class="mahangsx">
                                    <?php
                                    foreach ($hangsxs as $hangsx) {
                                        ?>
                                        <option value="<?php echo $hangsx['mahangsx']; ?>" > <?php echo $hangsx['tenhangsx']; ?></option>
                                        <?php
                                    }
                                    ?>
                                </select>                                                    
                            </div>   
                        </div>
                    </div>                 
                    <div class="col-lg-6">
                        <div class="form-group">
                            <div class="input-group">                                                     
                                <div class="input-group-addon">Loại</div>
                                <select class="form-control" name="matl">
                                    <?php
                                    foreach ($loaisps as $loaisp) {
                                        ?>
                                        <option value="<?php echo $loaisp['matl']; ?>" > <?php echo $loaisp['tentl']; ?></option>
                                        <?php
                                    }
                                    ?>
                                </select>
                            </div>  
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-6">
                        <div class="form-group">

                            <div class="input-group-addon ">Hình ảnh</div>
                            <!-- Button trigger modal -->

                            <div class="col-lg-12">
                                <img class="col-lg-12 img-close" id="img_display" src="http://localhost/AIOphone/public/images/sanpham/Acer-Aspire-E1-470-031q.jpg" >
                                <div class="col-lg-12 btn btn-default loadimage">Chọn hình ảnh</div>
                                <input class="col-lg-12 " type="text" name="hinhanh" required disabled id="img_link"  >
                                <input class="col-lg-12 btn btn-default" type="file"   >
                            </div>
                            <!--                                                <div class="fileinput fileinput-new" data-provides="fileinput">
                                                                                <div class="fileinput-new thumbnail col-lg-12" >
                                                                                    <img data-src="holder.js/100%x100%" alt="..." src="http://localhost/AIOphone/public/images/sanpham/Acer-Aspire-E1-470-031q.jpg">
                                                                                </div>
                                                                                <div class="fileinput-preview fileinput-exists thumbnail col-lg-12" ></div>
                                                                                <div>
                                                                                    <span class="btn btn-default btn-file"><span class="fileinput-new">Select image</span><span class="fileinput-exists">Change</span><input type="file" name="hinhanh"></span>
                                                                                    <a href="#" class="btn btn-default fileinput-exists" data-dismiss="fileinput">Remove</a>
                                                                                </div>
                                                                                <div class="fileinput-filename"></div>
                                                                            </div>-->

                        </div>     
                    </div>
                    <div class="col-lg-6">
                        <div class="form-group">
                            <div class="input-group">
                                <div class="input-group-addon ">Sản phẩm mới</div>
                                <input name="is_new" class="form-control" type="checkbox">

                            </div>   
                        </div>
                        <div class="form-group">
                            <div class="input-group">
                                <div class="input-group-addon ">Sản phẩm nổi bật</div>
                                <input name="is_noibat" class="form-control" type="checkbox">
                            </div>   
                        </div>
                        <div class="form-group">
                            <div class="input-group">
                                <div class="input-group-addon ">Mã khuyến mãi</div>
                                <input name="makm" class="form-control" type="text">
                            </div>   
                        </div>
                    </div> 
                    <div class="row">
                        <div class="col-lg-6"><button class="btn sanpham btn-primary" type="submit" id="my_submit" name="add">Thêm</button>  </div>
                    </div>
            </form>
            <header class="panel-heading">Thêm sản phẩm</header>
            <div class="panel-body">      

                <button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
                    Launch demo modal
                </button>
                <div id="myModal" class="modal fade">
                    <div class="modal-dialog modal-lg">
                        <div class="modal-content">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                                <h4 class="modal-title">Choosen an image</h4>
                            </div>
                            <div class="modal-body row" id="loadimage">

                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                            <button type="button" class="btn btn-primary">Save changes</button>
                        </div>
                    </div><!-- /.modal-content -->
                </div><!-- /.modal-dialog -->
            </div><!-- /.modal -->
            <!--begin-->
            <button  type="button" class="btn btn-primary btn-lg loadimage" data-toggle="modal" data-target="#uploadModal">
                Launch demo modal
            </button>
            <div id="uploadModal" class="modal fade">
                <div class="modal-dialog modal-lg">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                            <h4 class="modal-title">Choosen an image</h4>
                        </div>
                        <div class="modal-body">
                            <div id="loadimage" class="row">

                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                            <button type="button" class="btn btn-primary">Save changes</button>
                        </div>
                    </div><!-- /.modal-content -->
                </div><!-- /.modal-dialog -->
            </div><!-- /.modal -->

        </section>
    </div>
</div>
<!--end them/sua san pham-->
<!--begin danh sach san pham-->
<div class="row admin" >				
    <div class="col-sm-12">
        <section class="panel">
            <header class="panel-heading" >
                <div class="row"> 

                    <form class="" id="form_admin-search-sanpham">
                        <div class="col-md-8">
                            <div class="form-group">
                                <div class="input-group">
                                    <div class="input-group-addon">Danh sách sản phẩm</div>
                                    <input class="form-control" name="keyword" type="text" placeholder="Nhập mã hoặc tên sản phẩm để tìm kiếm">
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <button type="submit" class="btn btn-default ">Tìm kiếm</button>
                            <input type="button" value="Thêm mới" class="btn btn-default" id="btn-themmoi">
                        </div>

                    </form>
                </div>
            </header>
          <!--begin table san pham-->
            <div class="panel-body">
                <table class="table table-hover table-bordered danhsach">
                    <thead>
                          <tr>
                        <th>Mã sản phẩm</th>
                        <th>Tên sản phẩm</th>
                        <th>Giá</th>
                        <th>Edit</th>
                        <th>Delete</th>
                    </tr>
                    </thead>
                    <tbody>  <tr>
                        <td></td>
                        <td></td>
                        <td><input type="button" class="btn btn-danger"> </td>
                        <td><input type="button" class="btn btn" value="Edit"></td>
                        <td><input type="button" class="btn btn-danger" value="Delete"></td>
                    </tr></tbody>
                </table>
            </div>
          <!--end table san pham-->
            <div class="panel-body">
                <table class="table table-hover general-table">
                    <thead>
                        <tr>
                            <th> Company</th>
                            <th class="hidden-phone">Descrition</th>
                            <th>Profit</th>
                            <th>Status</th>
                            <th>Progress</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td><a href="#">
                                    ThemeBucket
                                </a>
                            </td>
                            <td class="hidden-phone">Lorem Ipsum dorolo</td>
                            <td>556.00$ </td>
                            <td><span class="label label-warning label-mini">Due</span></td>
                            <td><div class="progress progress-striped progress-xs">
                                    <div style="width: 70%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="40" role="progressbar" class="progress-bar progress-bar-danger">
                                        <span class="sr-only">70% Complete (success)</span>
                                    </div>
                                </div></td>
                        </tr>
                        <tr>
                            <td><a href="#">
                                    XYZ
                                </a>
                            </td>
                            <td class="hidden-phone">Lorem Ipsum dorolo</td>
                            <td>13240.00$ </td>
                            <td><span class="label label-success label-mini">Paid</span></td>
                            <td><div class="progress progress-striped progress-xs">
                                    <div style="width: 55%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="40" role="progressbar" class="progress-bar progress-bar-warning">
                                        <span class="sr-only">55% Complete (success)</span>
                                    </div>
                                </div></td>
                        </tr>
                        <tr>
                            <td><a href="#">
                                    Graphics
                                </a></td>
                            <td class="hidden-phone">Lorem Ipsum dorolo imit</td>
                            <td>1320.00$ </td>
                            <td><span class="label label-info label-mini">Due</span></td>
                            <td><div class="progress progress-striped progress-xs">
                                    <div style="width: 40%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="40" role="progressbar" class="progress-bar progress-bar-success">
                                        <span class="sr-only">40% Complete (success)</span>
                                    </div>
                                </div></td>
                        </tr>
                        <tr>
                            <td><a href="#">
                                    BCSE
                                </a>
                            </td>
                            <td class="hidden-phone">Lorem Ipsum dorolo</td>
                            <td>3455.50$ </td>
                            <td><span class="label label-danger label-mini">Paid</span></td>
                            <td><div class="progress progress-striped progress-xs">
                                    <div style="width: 90%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="40" role="progressbar" class="progress-bar progress-bar-info">
                                        <span class="sr-only">90% Complete (success)</span>
                                    </div>
                                </div></td>
                        </tr>
                        <tr>
                            <td><a href="#">
                                    AVC Ltd
                                </a></td>
                            <td class="hidden-phone">Lorem Ipsum dorolo imit</td>
                            <td>110.00$ </td>
                            <td><span class="label label-primary label-mini">Due</span></td>
                            <td><div class="progress progress-striped progress-xs">
                                    <div style="width: 60%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="40" role="progressbar" class="progress-bar progress-bar-success">
                                        <span class="sr-only">60% Complete (success)</span>
                                    </div>
                                </div></td>
                        </tr>
                        <tr>
                            <td><a href="#">
                                    Themeforest
                                </a>
                            </td>
                            <td class="hidden-phone">Lorem Ipsum dorolo</td>
                            <td>456.00$ </td>
                            <td><span class="label label-warning label-mini">Due</span></td>
                            <td><div class="progress progress-striped progress-xs">
                                    <div style="width: 40%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="40" role="progressbar" class="progress-bar progress-bar-danger">
                                        <span class="sr-only">40% Complete (success)</span>
                                    </div>
                                </div></td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </section>
    </div>
</div>
<!--end danh sach san pham-->
</div>
<!--<div id="success_loading" style="position: absolute; top: 0px; left: 0px; z-index: 9998; opacity: 1; display: none; width: 1349px; height: 13106px; ">
    <div style="margin: 0 auto; width: 100px; margin-top:200px;">
        <label class="label label-primary" style="font-size: 20px;"><span class="glyphicon glyphicon-refresh glyphicon-refresh-animate"></span> Success...</label>
    </div>
    
</div> -->